<div class="mainPage">

    <div style="margin:0 1%">
        <div class="gutter-example">
            <div nz-row [nzGutter]="8">
                <div nz-col class="gutter-row" [nzSpan]="12">
                    <nz-card style="width:100%;max-height: 380px;">
                        <ng-template #title>
                            下级单位人员数量及占比
                        </ng-template>
                        <ng-template #body>
                                <h3>辖区人员总数：{{totalMember}}</h3>
                                <div echarts *ngIf="option1.title" [options]="option1"></div>
                            
                        </ng-template>
                    </nz-card>
                </div>
                <div nz-col class="gutter-row" [nzSpan]="12">
                    <nz-card style="width:100%;max-height: 380px;">
                        <ng-template #title>
                            下级单位持证人员数量占比
                        </ng-template>
                        
                        <ng-template #body>
                            <h3>辖区持证人员总数：{{cztotalMember}}</h3>
                            <div echarts *ngIf="option2.title" [options]="option2"></div>
                            
                        </ng-template>
                    </nz-card>
                </div>
                
            </div>
        </div>
    </div>
</div>